<!DOCTYPE HTML>
<html>
    <head>
        <title>TwitterMAP</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="mashup.css" />
        <!-- <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="jqmashup.js"></script>
    </head>
    <!-- <body onload="initialize()"> -->
	<body>
        <div id ="wrapper">
            <h1>MASHUP : TwitterMAP</h1>
            <div id="searchbar">
                <pre>Search from Twitter by Fei Hu</pre>
                <form id="seach" name="searchForm" method="GET" action="#">
                    <table>
                        <tr>
                            <td><b>What is happening on Twitter? </b></td>
                            <td><input type="text" id="keywords" name="tagname"/></td>
                            <td><input type="button" value="Search" onclick="ajaxSearch();" /></td>
                            <td><div id="loadingimg"/></td>
                        </tr>
                    </table>
                </form>
            </div>
            <div id="result">
                <div id="twitterRes">
                    <ul id="twitterList">
                    </ul>
                </div>
            </div>
            <div id="map_canvas"></div>
            <div id="message" style="display:none;">
			Test text.
            </div>
        </div>
    </body>
</html>
